﻿<UserControl x:Class="ChangePasswordApp.View.PasswordChangeView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="500" d:DesignWidth="555">

          
    <UserControl.Resources>
        <ResourceDictionary Source="/SSCCMembership;component/MainResourceDictionary.xaml"/>
    </UserControl.Resources>

    <ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Auto">
        
    <Grid >
        <Grid.Resources>
            <Style TargetType="TextBlock">
                <Setter Property="FontSize" Value="22"/>
                <Setter Property="Foreground" Value="{StaticResource PurpleBrush}"/>
                <Setter Property="VerticalAlignment" Value="Center"/>
                <Setter Property="TextAlignment" Value="Right" />
            </Style>

            <Style TargetType="PasswordBox">
                <Setter Property="Grid.Column" Value="1"/>
                <Setter Property="Margin" Value="7"/>
                <Setter Property="FontSize" Value="20"/>
                <Setter Property="VerticalAlignment" Value="Center"/>
            </Style>
        </Grid.Resources>

        <Grid.RowDefinitions>
            <RowDefinition Height="1*"/>
                <RowDefinition Height="4*"/>
                <RowDefinition Height="1*"/>   
         </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" HorizontalAlignment="Center" FontSize="36" Foreground="{StaticResource PurpleBrush}">Change Password</TextBlock>

            <Grid Grid.Row="1" Height="300" Margin="40,00,80,40" >
                <Rectangle  Margin="15" RadiusX="20" RadiusY="20" StrokeThickness="8" Stroke="{StaticResource PurpleBrush}">
                <Rectangle.Fill>
                    <RadialGradientBrush GradientOrigin="-1,-1">
                        <GradientStop Color="#FF726F6F" Offset="1"/>
                        <GradientStop Color="White"/>
                    </RadialGradientBrush>
                </Rectangle.Fill>
            </Rectangle>

            <Grid Margin="30,30,30,30">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock>Old Password</TextBlock>
                <PasswordBox Password="{Binding Path=OldPassword, Mode=TwoWay}" />
                <TextBlock Grid.Row="1">New Password</TextBlock>
                <PasswordBox Grid.Row="1" Password="{Binding Path=NewPassword, Mode=TwoWay}" />
                <TextBlock Grid.Row="2">Confirm Password</TextBlock>
                <PasswordBox Grid.Row="2" Password="{Binding Path=ConfirmNewPassword, Mode=TwoWay}" />

            </Grid>
            <Button Grid.Row="3" HorizontalAlignment="Left" VerticalAlignment="Bottom" Height="80" Style="{StaticResource LargePurpleButton}" Width="200" Command="{Binding CancelCommand}">Cancel</Button>
            <Button Grid.Row="3" HorizontalAlignment="Right" VerticalAlignment="Bottom" Height="80" Style="{StaticResource LargePurpleButton}" Width="200" Command="{Binding SaveCommand}">Save</Button>    
        </Grid>
    </Grid>
    </ScrollViewer>
</UserControl>



    